.mui-timemenu {
  box-sizing: content-box;
  display: inline-block;
  overflow: hidden;
  background-color: #fff;
  border: solid 1px #f5f5f5;
  box-shadow: 0 4px 16px 1px rgba(0, 0, 0, 0.24), 0 0 1px 0 rgba(0, 0, 0, 0.12);
  z-index: 100;
  &:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    clear: both;
  }
  &.col-1 {
    width: 60px;
  }
  &.col-2 {
    width: 120px;
  }
  &.col-3 {
    width: 180px;
  }

  .mui-timemenu-col {
    box-sizing: border-box;
    width: 60px;
    height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
    float: left;
    border-right: solid 1px #f5f5f5;
    &:last-child {
      border-right: none;
    }
  }
}
